<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="description" content=" ">
  <meta name="author" content=" ">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Foodtruck - Tacos : Blog</title>

  <link rel="stylesheet" type="text/css" href="./assets/js/customscroll/jquery.mCustomScrollbar.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/flexslider/css/flexslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/prettyPhoto/css/prettyPhoto.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/bxslider/jquery.bxslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/font-awesome.css">

  <link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/style.css">
  <link rel="stylesheet" type="text/css" href="./assets/flavours/tacos/css/tacos.css">

  <!-- modernizr : detect css transition -->
  <script src="./assets/js/modernizr.custom.81779.js"></script>
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="./assets/bootstrap/js/html5shiv.js"></script>
  <script src="./assets/bootstrap/js/respond.min.js"></script>
  <![endif]-->


</head>
<body>



<nav class="navbar navbar-default" role="navigation">
  <div class="inner">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle btn btn-primary" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <div class="text-center">
          <p class="address">
            Tacos Locos - Atlantic Avenue 1234, New York, +66 87 65 43 21
          </p>
        </div>

        <a class="small-brand" href="/"  data-width="221" data-top="58"><img src="./assets/flavours/tacos/images/content/logo-small.png" alt=" " ></a>

        <a href="tel:66-87-65-43-21" class="phoneIcon" style="display:none">+66 87 65 43 21</a>
        <a href="http://goo.gl/maps/IUzKJ" class="locationIcon" target="_blank" style="display:none;">http://goo.gl/maps/IUzKJ</a>
        <ul class="smallSocials">
          <li class="fb"><a href="#"><img src="./assets/images/smallsocial-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/smallsocial-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/smallsocial-gg.png" alt="Google+"></a></li>
          <li class="rss"><a href="#"><img src="./assets/images/smallsocial-rss.png" alt="RSS"></a></li>
        </ul>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav text-center" data-type="margin-top" data-pos="138">
          <li><a href="index.html">Home</a></li>
          <li><a href="8_menucard.html">Menu card</a></li>
          <li><a href="9_events.html">Events</a></li>
          <li><a href="10_story.html">Story</a></li>
          <li><a href="11_gallery.html">Gallery</a></li>
          <li class="dropdown">
            <a href="1_shortcodes_boxes.html" class="dropdown-toggle">Shortcodes</a>
            <ul class="dropdown-menu">
              <li><a href="1_shortcodes_boxes.html">Boxes</a></li>
              <li><a href="2_shortcodes_toggleable.html">Toggleable</a></li>
              <li><a href="3_shortcodes_contact.html">Contact</a></li>
              <li><a href="4_buttons_typography.html">Typography</a></li>
              <li><a href="5_shortcodes_elements.html">Elements</a></li>
              <li><a href="6_images_sliders.html">Sliders</a></li>
            </ul>
          </li>
          <li class="active"><a href="7_blog.html">Blog</a></li>
          <li><a href="12_contact.html">Contact</a></li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- / container -->

    <div class="btm"></div>
  </div>

</nav>

<div class="bg-1 section">
  <div class="inner" data-image="./assets/flavours/tacos/images/content/background-1.jpg">
    <div class="container">

      <h3 class="hdr1">Who is sitting behind the wheel?</h3>

      <div class="blog-list">
        <div class="row">
          <div class="col-md-8 blog-main">
            <div class="inner">
              <div class="blog-post">
                <h3 class="blog_title"><a href="7b_single-blog.html">We got a new Truck!</a></h3>
                <div class="blog_thumbnail">
                  <a href="7b_single-blog.html">
                    <img src="./assets/flavours/tacos/images/content/post1.jpg" alt=" ">
                    <span class="ribbon_details">
                      <span class="ribbon_details_date">Nov <br>15</span>
                      <span class="ribbon_details_comments">12 <i class="fa fa-comments"></i></span>
                    </span>
                  </a>
                </div>
                <div class="meta_box">
                  <span class="meta_date">November 15, 2013</span>
                  <span class="meta_comments"><a href="#"><em>12</em> <span>Comments</span></a></span>
                  <span class="meta_author"><a href="#">by John Doe</a></span>
                </div>
                <p>
                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
                </p>
                <a href="7b_single-blog.html" class="btn btn-primary btn-sm btn-blog">read more</a>
              </div>
              <hr class="dashed-separator">

              <div class="blog-post">
                <h3 class="blog_title"><a href="7b_single-blog.html">Shiny happy people!</a></h3>
                <div class="blog_thumbnail">
                  <a href="7b_single-blog.html">
                    <img src="./assets/flavours/tacos/images/content/post2.jpg" alt=" ">
                    <span class="ribbon_details">
                      <span class="ribbon_details_date">Nov <br>14</span>
                      <span class="ribbon_details_comments">9 <i class="fa fa-comments"></i></span>
                    </span>
                  </a>
                </div>
                <div class="meta_box">
                  <span class="meta_date">November 14, 2013</span>
                  <span class="meta_comments"><a href="#"><em>9</em> <span>Comments</span></a></span>
                  <span class="meta_author"><a href="#">by John Doe</a></span>
                </div>
                <p>
                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
                </p>
                <a href="7b_single-blog.html" class="btn btn-primary btn-sm btn-blog">read more</a>
              </div>
              <hr class="dashed-separator">


              <div class="blog-post format-quote">
                <h3 class="blog_title"><a href="7b_single-blog.html">A quote post</a></h3>
                <div class="blog_thumbnail">
                  <a href="7b_single-blog.html" class="box_text">
                    <span class="ribbon_icon"><i class="fa fa-quote-left"></i></span>
                    <blockquote class="inner">
                      <p>
                        This is how a quote post will look like! Subtle and unexcited!
                      </p>
                      <span class="author">- Floyd Rose CEO, Burger Lover-</span>
                    </blockquote>
                  </a>
                </div>
                <div class="meta_box">
                  <span class="meta_date">November 12, 2013</span>
                  <span class="meta_comments"><a href="#"><em>21</em> <span>Comments</span></a></span>
                  <span class="meta_author"><a href="#">by John Doe</a></span>
                </div>
              </div>
              <hr class="dashed-separator">


              <div class="blog-post format-link">
                <h3 class="blog_title"><a href="7b_single-blog.html">A link post</a></h3>
                <div class="blog_thumbnail">
                  <a href="7b_single-blog.html" class="box_text">
                    <span class="ribbon_icon"><i class="fa fa-link"></i></span>
                    <div class="inner">
                      <p>
                        This is how a link post will look like! Subtle and unexcited!
                      </p>
                    </div>
                  </a>
                </div>
                <div class="meta_box">
                  <span class="meta_date">November 11, 2013</span>
                  <span class="meta_comments"><a href="#"><em>5</em> <span>Comments</span></a></span>
                  <span class="meta_author"><a href="#">by John Doe</a></span>
                </div>
              </div>
              <hr class="dashed-separator">

              <div class="blog-post format-gallery">
                <h3 class="blog_title"><a href="7b_single-blog.html">A gallery post</a></h3>
                <div class="blog_thumbnail">
                  <a href="7b_single-blog.html">
                    <div class="flexslider flexSimple">
                      <ul class="slides">
                        <li><img src="./assets/flavours/tacos/images/content/post2.jpg" alt=" "></li>
                        <li><img src="./assets/flavours/tacos/images/content/post1.jpg" alt=" "></li>
                      </ul>
                    </div>
                    <span class="ribbon_details">
                      <span class="ribbon_details_date">Nov <br>10</span>
                      <span class="ribbon_details_comments">12 <i class="fa fa-comments"></i></span>
                    </span>
                  </a>
                </div>
                <div class="meta_box">
                  <span class="meta_date">November 10, 2013</span>
                  <span class="meta_comments"><a href="#"><em>12</em> <span>Comments</span></a></span>
                  <span class="meta_author"><a href="#">by John Doe</a></span>
                </div>
                <p>
                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
                </p>
                <a href="7b_single-blog.html" class="btn btn-primary btn-sm btn-blog">read more</a>
              </div>
              <hr class="dashed-separator">


              <div class="blog-post">
                 <h3 class="blog_title"><a href="7b_single-blog.html">We got a new Truck!</a></h3>
                 <div class="meta_box">
                   <span class="meta_date">November 8, 2013</span>
                   <span class="meta_comments"><a href="#"><em>3</em> <span>Comments</span></a></span>
                   <span class="meta_author"><a href="#">by John Doe</a></span>
                 </div>
                 <p>
                 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
                 </p>
                 <a href="7b_single-blog.html" class="btn btn-primary btn-sm btn-blog">read more</a>
               </div>
              <hr class="dashed-separator">

              <div class="text-center">
                <ul class="pagination">
                  <li class="disabled"><a href="#"><i class="fa fa-arrow-left"></i>Previous Page</a></li>
                  <li><a href="#">1 </a></li>
                  <li class="active"><a href="#">2 <span class="sr-only">(current)</span></a></li>
                  <li><a href="#">3 </a></li>
                  <li><a href="#">4 </a></li>
                  <li><a href="#">Next Page<i class="fa fa-arrow-right"></i></a></li>
                </ul>
              </div>


            </div>
            <!-- / inner -->
          </div>
          <div class="col-md-4 blog-sidebar">
            <div class="widget widget_categories">
              <h3>Blog Categories</h3>
              <ul>
                <li class="active"><a href="#">All</a></li>
                <li><a href="#">Food</a></li>
                <li><a href="#">Beverages</a></li>
                <li><a href="#">Experiments</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Internal</a></li>
                <li><a href="#">The rest</a></li>
              </ul>
            </div>

            <div class="widget">
              <h3>Tab Styles</h3>

              <!-- Nav tabs -->
              <ul class="nav nav-tabs nav-justified">
                <li class="active"><a href="#tab1" data-toggle="tab">Popular</a></li>
                <li><a href="#tab2" data-toggle="tab">Latest</a></li>
                <li><a href="#tab3" data-toggle="tab">Random</a></li>
              </ul>

              <!-- Tab panes -->
              <div class="tab-content">
                <div class="tab-pane active fade in" id="tab1">
                  <ul>
                    <li><a href="#">Pellentesque habitant morbi tristique senectus et.</a></li>
                    <li><a href="#">Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</a></li>
                    <li><a href="#">Vestibulum tortor quam, feugiat vitae, ultricies eget.</a></li>
                    <li><a href="#">Pellentesque habitant morbi tristique senectus et.</a></li>
                  </ul>

                </div>
                <div class="tab-pane fade" id="tab2">
                  <ul>
                    <li><a href="#">Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.</a></li>
                    <li><a href="#">Pellentesque habitant morbi tristique senectus et.</a></li>
                    <li><a href="#">Pellentesque habitant morbi tristique senectus et.</a></li>
                    <li><a href="#">Vestibulum tortor quam, feugiat vitae, ultricies eget.</a></li>
                  </ul>

                </div>
                <div class="tab-pane fade" id="tab3">
                  <ul>
                    <li><a href="#">Quisque sit amet est et sapien ullamcorper pharetra.</a></li>
                    <li><a href="#">Pellentesque habitant morbi tristique senectus et.</a></li>
                    <li><a href="#">Vestibulum tortor quam, feugiat vitae, ultricies eget.</a></li>
                    <li><a href="#">Pellentesque habitant morbi tristique senectus et. Mauris placerat eleifend leo.</a></li>
                  </ul>
                </div>
              </div>
            </div>

            <div class="widget">
              <h3>Twitter Widget</h3>

              <div class="tweets">
                <ul class="tweet_list">
                  <li>
                        <span class="tweet_text">
                          <a href="#">@BL</a> Were loaded with nice flavours <a href="#">http://d.g/4XHGZpGZ</a>
                        </span>
                    <span class="tweet_time"><a href="#">about 2 minutes ago</a></span>
                  </li>
                  <li>
                        <span class="tweet_text">
                          <a href="#">@BL</a> Today we will be @ gordonspark <a href="#">http://g.g/3ZFBZpGK</a>
                        </span>
                    <span class="tweet_time"><a href="#">about 6 hours ago</a></span>
                  </li>
                  <li>
                        <span class="tweet_text">
                          <a href="#">@BL.</a> Our Burger got nominated! Best Burger in Town <a href="#">http://g.ho/3HZD7pJK</a>
                        </span>
                    <span class="tweet_time"><a href="#">about 7 hours ago</a></span>
                  </li>
                </ul>
              </div>
              <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-twitter"></i> follow us</a>
            </div>

          </div>
        </div>
      </div>
      <!-- / blog-list -->

    </div>
  </div>
</div>
<!-- / bg-2 -->



<footer>
  <div class="container">

    <div class="row">
      <div class="col-md-3">

        <h4>Contact</h4>

        <p>
          Atlantic Avenue 1234,<br><br>
          New York, NY<br><br>
          123 - 456 - 7891<br><br>
          <a href="mailto:hello@tacoslocos.com">hello@tacoslocos.com</a>
        </p>
        <hr>
        <h4>Hours</h4>

        <p>
          Monday - Friday<br>
          11:00 am - 11:00 pm
          <br><br>
          Saturday & Sunday<br>
          10:45 am - 5:00 pm
          <br><br>
          Saturday & Sunday<br>
          10:45 am - 5:00 pm
        </p>

      </div>
      <div class="col-md-6">
        <img src="./assets/flavours/tacos/images/content/logo.png" alt=" ">

        <div class="googleMap" data-location="Marine Ave. New York, NY" data-text="We are here!"></div>

        <ul class="bigSocials">
          <li class="fb"><a href="#"><img src="./assets/images/social-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/social-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/social-gg.png" alt="Google+"></a></li>
          <li class="rss"><a href="#"><img src="./assets/images/social-rss.png" alt="RSS"></a></li>
        </ul>

        <p class="copyright">© Copyright 2014 <a href="#">TemplateRockers</a></p>


      </div>
      <div class="col-md-3">
        <h4>Latest Tweets</h4>

        <div class="tweets">
          <div style="display:none">here will be displayed live tweets, configuration is placed in /twitter/config.php</div>
        </div>
      </div>
    </div>

  </div>
  <a href="#" id="toTop"></a>
</footer>
<!-- / footer -->


<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/bootstrap/js/bootstrap.min.js"></script>

<!-- we're including library : maps.googleapis.com/maps/api/js?sensor=false in main.js -->
<script src="./assets/js/gmap3.min.js"></script>

<script src="./assets/js/customscroll/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="./assets/js/flexslider/jquery.easing.1.3.min.js"></script>
<script src="./assets/js/flexslider/jquery.flexslider-min.js"></script>
<script src="./assets/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script src="./assets/js/bxslider/jquery.bxslider.min.js"></script>
<script src="./assets/twitter/js/jquery.tweet.js"></script>
<script src="./assets/js/jquery.hoverdir.js"></script><script src="./assets/js/jquery.arctext.js"></script>
<script src="./assets/js/jquery.placeholder.js"></script>
<script src="./assets/js/jquery.sticky.js"></script>

<script src="./assets/form/js/form.js"></script>
<script src="./assets/js/main.js"></script>

<script src="./assets/js/less.min.js"></script>



</body>

</html>